@import "mixin";

/**
 * 通用样式
 */

$font-42: 42px;
$font-F1: 36px;
$font-F2: 34px;
$font-F3: 30px;
$font-F4: 28px;
$font-F5: 26px;
$font-F6: 24px;
$font-F7: 22px;
$color-C1: #282828;
$color-C2: #bbbbbb;
$color-C3: #e6e6e6;
$color-C4: #737373;
$color-C5: #a8a8a8;
$color-C6: #f56d9d;
$color-C7: #f5f5f5;

#cnzz_stat_icon_1260955674 {
    display: none;
}

.line-index {
    width: 100%;
    @include px2rem(height, 20px);
    background-color: #f5f5f5;
    border-top: 1px solid $color-C3;
}
.bg-c7 {
    background-color: $color-C7;
}

.wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.content {
    position: absolute;
    top: 1.2rem;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    @include css3(overflow-scrolling, touch);
    @include css3(user-select, none);
}
.noTitle {
    top: 0;
}
.hasBottom {
    bottom: 1.32rem;
}

/* qrcode */
.qrcode-logo {
    @include px2rem(width, 404px);
    @include px2rem(height, 273px);
    margin: 0 auto;
    @include px2rem(margin-top, 240px);
    @include px2rem(margin-bottom, 150px);
    background-position: center;
    background-size: cover;
    background-image: url("../img/sweep_ic@3x.png");
}
.qrcode-btn {
    @include px2rem(width, 564px);
    @include px2rem(height, 36px);
    @include px2rem(line-height, 36px);
    margin: 0 auto;
    @include px2rem(margin-bottom, 50px);
    background-color: #333333;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    @include px2rem(font-size, 32px);
    padding: 0.48rem 0;
}
.qrcode-p {
    width: 100%;
    text-align: center;
    @include px2rem(font-size, $font-F7);
    color: #131313;
}

/* 仿iOS toast */
.js-toast {
    width: 100%;
    height: 0.88rem;
    position: absolute;
    bottom: 25%;
}
.js-toast p {
    display:block; 
    width: auto;
    max-width: 60%;
    margin:0 auto; 
    text-align: center;
    padding: 0 0.4rem;
    border-radius: 0.3rem;
    overflow: hidden;
    @include px2rem(height,66px);
    @include px2rem(line-height,66px);
    @include px2rem(font-size,$font-F4);
    color: #ffffff;
    background-color: rgba(0,0,0,0.8);
    @include ell(1);
}